{% extends "base.html" %}

{% block breadcrumb %}
    {{ block.super }}
    {% load breadcrumb_tags %}
    {% add_crumb 'Đăng ký sử dụng cho trường mới' %}
{% endblock %}

{% block js %}
    <script type="text/javascript" src="http://www.google.com/recaptcha/api/js/recaptcha_ajax.js"></script>
    <script type="text/javascript" src="/static/js/template_js/register.js?{{ VERSION }}"></script>

{% endblock %}

{% block content %}
    <div class="row-fluid">
        <div class="span6">
            {% if message %}
                <div class="alert alert-info">
                    {{ message }}
                </div>
            {% endif %}
            <div class="alert alert-warning">
                <h3>Chú ý</h3>

                <p>Đăng ký này sẽ giúp nhà trường có tài khoản quản trị để sử dụng dịch vụ phần mềm
                    <a href="{%url views.index %}">Trường Nhà</a>. Sau khi bạn điền thông tin, chúng tôi sẽ duyệt và
                    cấp tài khoản và nhà trường có thể sử dụng được ngay.
                    Nếu bạn đã có tài khoản, hãy đăng nhập <a href="{%url app.views.login  %}">tại đây.</a></p>

                <p>Các thông tin của bạn sẽ được ban quản trị xem xét thực tế, nếu trường bạn đăng ký là có thật,
                    chúng
                    tôi sẽ gửi tài khoản vào địa chỉ email bạn đã đăng ký. Cảm ơn bạn đã lựa chọn dịch vụ của chúng
                    tôi.
                </p>
            </div>

            <form class="well form-horizontal" action="" id="registerForm" method="post">{% csrf_token %}
                <legend>Đăng ký sử dụng cho trường mới</legend>
                <fieldset>
                    <div class="control-group">
                        <label class="control-label" for="registerName">
                            Họ và tên (*)</label>

                        <div class="controls">
                            <input type="text" id="registerName" class="tiptipfocus"
                                   title="Họ và tên Hiệu trưởng hoặc Hiệu phó">
                        </div>
                    </div>

                    <div class="control-group">
                        <label class="control-label" for="registerEmail">
                            Email(*):
                        </label>

                        <div class="controls">
                            <input type="text" id="registerEmail" class="tiptipfocus"
                                   title="Email để gửi thông tin tài khoản">
                        </div>
                    </div>

                    <div class="control-group">
                        <label class="control-label" for="registerSchoolName">
                            Tên trường(*):</label>

                        <div class="controls">
                            <input type="text" id="registerSchoolName" class="tiptipfocus"
                                   title="Bạn nên điền tên đầy đủ của trường. Ví dụ 'THPT Tên trường' thay vì 'Tên trường'">
                        </div>
                    </div>

                    <div class="control-group">
                        <label class="control-label" for="registerSchoolLevel">
                            Cấp(*): </label>

                        <div class="controls">
                            <select id="registerSchoolLevel">
                                {% for key,level in level_list %}
                                    <option value="{{ key }}" selected="selected">{{ level }}</option>
                                {% endfor %}
                            </select>
                        </div>
                    </div>

                    <div class="control-group">
                        <label class="control-label" for="registerSchoolProvince">
                            Tỉnh/Thành phố(*):
                        </label>

                        <div class="controls">
                            <select id="registerSchoolProvince">
                                {% for key,province in province_list %}
                                    <option value="{{ key }}">{{ province }}</option>
                                {% endfor %}
                            </select>
                        </div>
                    </div>

                    <div class="control-group">
                        <label class="control-label" for="registerPhone">
                            Số điện thoại:
                        </label>

                        <div class="controls">
                            <input type="text" id="registerPhone">
                        </div>
                    </div>
                    <div class="placeHolder" style="clear: both;"></div>

                    <div class="control-group">
                        <label class="control-label" for="registerSchoolAddress">
                            Địa chỉ: </label>

                        <div class="controls">
                            <input type="text" id="registerSchoolAddress">
                        </div>
                    </div>
                    <div class="control-group">
                        <label class="control-label" for="captcha-form">&nbsp;</label>

                        <div class="controls">
                            <div class="verticalContent" id="captcha-form">

                            </div>
                        </div>
                    </div>

                    <div class="form-actions">
                        <button class="btn btn-primary" id="sendRegister">Gửi</button>
                    </div>
                </fieldset>
            </form>
        </div>
        <div class="span6 alert alert-info">
            <h3>Qui trình nghiệp vụ ban đầu</h3>

            <p>Sơ đồ dưới đây là tóm tắt qui trình nghiệp vụ ban đầu. Sau khi bạn đăng nhập sẽ có trợ giúp hướng dẫn sử
                dụng chi tiết hơn. Phần mềm được thiế kế đơn giản, rất dễ sử dụng, và cho phép nhập dữ liệu từ Excel để
                đơn giản quá trính khởi tạo dữ liệu ban đầu.</p>
            <img src="/static/images/process.png">
        </div>

    </div>
{% endblock %}